import { useLocation } from "umi";
import { Space, Descriptions } from "antd";

const Information = () => {
	const location = useLocation();

	const commodity = location.state?.commodity || {};

	return (
		<Space direction="vertical" style={{ padding: 10, width: "100%" }} size={10}>
			<Descriptions column={1} bordered labelStyle={{ width: 140 }}>
				<Descriptions.Item label="商品名称">{commodity.ciName || ""}</Descriptions.Item>
				<Descriptions.Item label="商品品牌">{"-"}</Descriptions.Item>
				<Descriptions.Item label="规格型号">{"-"}</Descriptions.Item>
				<Descriptions.Item label="计量单位">{"-"}</Descriptions.Item>
				<Descriptions.Item label="国标编码">{"-"}</Descriptions.Item>
				<Descriptions.Item label="内部编码">{"-"}</Descriptions.Item>
				<Descriptions.Item label="参考售价">{"-"}</Descriptions.Item>
				<Descriptions.Item label="商品描述">{"-"}</Descriptions.Item>
			</Descriptions>
		</Space>
	);
};

export default Information;
